<template>
  <div>
    <van-nav-bar
      @click.stop="show"
      :title="list.props.title"
      :left-text="list.props.leftText"
      :right-text="list.props.rightText"
      :left-arrow="list.props.leftArrow"
      :border="list.props.border"
    />
    <drawer :show="show" @close="show = false"/>
  </div>
</template>

<script>
import drawer from "../drawer"

export default {
  name:"navBar",
  data() {
    return {
      show:false
    }
  },
  components:{
    drawer
  },
  methods: {
    show(){
      this.show = true
    }
  },
  props:{
    list:{
      type:Object
    }
  }
}
</script>

<style scoped>
  
</style>